<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <th:block th:insert="common/common::head"></th:block>
</head>
<body class="pear-container">
<div class="layui-card">
    <div class="layui-card-body">
        <form class="layui-form" id="searchForm">
            <div class="layui-row layui-col-space10 layui-form-item">
                <div class="layui-col-lg3">
                    <label class="layui-form-label">用户昵称:</label>
                    <div class="layui-input-block">
                        <input type="text" name="roleName" placeholder="" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-col-lg3">
                    <label class="layui-form-label">用户账号:</label>
                    <div class="layui-input-block">
                        <input type="text" name="roleEnum" placeholder="" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-col-lg3">
                    <label class="layui-form-label">状态:</label>
                    <div class="layui-input-block">
                        <select name="state">
                            <option value="全部" selected>全部</option>
                            <option value="启用">启用</option>
                            <option value="停用">停用</option>
                        </select>
                    </div>
                </div>
                <div class="layui-col-lg3">
                    <label class="layui-form-label">权限:</label>
                    <div class="layui-input-block">
                        <div id="roleSelect" class="xm-select-demo"></div>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>
<div class="layui-card">
    <div class="layui-card-body">
        <table id="power-table" lay-filter="power-table"></table>
    </div>
</div>

<script type="text/html" id="power-toolbar">
    <div class="layui-row">
        <div class="layui-col-md10">
            <div class="pear-btn-group">
                <button class="pear-btn pear-btn-success" round lay-event="add">
                    <i class="layui-icon layui-icon-add-1"></i>
                    新增
                </button>
            </div>
        </div>
        <div class="layui-col-md2">
            <div class="pear-btn-group">
                <button class="pear-btn pear-btn-primary" round lay-event="search">
                    <i class="layui-icon layui-icon-search"></i>
                    查询
                </button>
                <button class="pear-btn" round onclick="reset()">
                    <i class="layui-icon layui-icon-refresh"></i>
                    重置
                </button>
            </div>
        </div>
    </div>
</script>

<script type="text/html" id="power-bar">
    <button class="pear-btn pear-btn-success pear-btn-sm" lay-event="resetPWD">
        <i class="layui-icon layui-icon-refresh"></i>
        初始化密码
    </button>
    <button class="pear-btn pear-btn-primary pear-btn-sm" lay-event="edit">
        <i class="layui-icon layui-icon-edit"></i>
        修改
    </button>
    <button class="pear-btn pear-btn-danger pear-btn-sm" lay-event="remove">
        <i class="layui-icon layui-icon-delete"></i>
        删除
    </button>
</script>

<script type="text/html" id="index">
    {{d.LAY_TABLE_INDEX+1}}
</script>
</body>

<script th:replace="common/common::common"></script>
<script th:src="@{/static/common/js/layui-tool/xm-select.js}"></script>
<script th:src="@{/static/common/js/sys/user/index.js}"></script>

</html>